
.accompanyContend{
    padding-bottom: 90px;
    background-color: #FAFAFA;
    .contendBox{
        display: flex;
        justify-content: space-between;

        .left{
            background-color: #fff;
            width: 882px;
            box-shadow: 0 0 10px rgba(219, 226, 233, 1);
          .listBox{
              display: flex;
              flex-direction: column;
              padding-top: 15px;
              padding-bottom: 30px;
              
          }
        }
        .right{
            .cardBox{
                background-color: #fff;
                width: 306px;
                box-shadow: 0 0 10px rgba(219, 226, 233, 1);
                padding-bottom: 20px;
                margin-bottom: 12px;
                .title {
                    font-size: 18px;
                    height: 58px;
                    text-align: center;
                    line-height: 58px;
                    border-bottom: 1px solid #E9E9E9;
                  }
                  .authority {
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 13px 20px;
                    .authorityleft{
                      display: flex;
                      .curp{
                        display: inline-block;
                        width: 100px;
                      }
                    }
                    .soltNum {
                      display: inline-block;
                      width: 20px;
                      height: 20px;
                      border-radius: 50%;
                      line-height: 20px;
                      text-align: center;
                      background-color: #449BFF;
                      color: #fff;
                      margin-right: 10px;
                    }
                  
                    .soltNumnor {
                      background-color: #ACACAC;
                    }
                  
                    .people {
                   
                      color: #FEB31E;
                    }
                  
                    .comment {
                  
                      color: #BCBCBC;
                    }
                  
                    .starBox {
                  
                      display: flex;
                      align-items: center;
                      text-align: right;
                      img {
                        width: 10px;
                        height: 9px;
                        margin-right: 6px;
                      }
                    }
                    .firstContent{
                      .starBox {
                        text-align: left;
                      }
                    }
                    .right {
                      flex-grow: 1;
                      overflow: hidden;
                      display: flex;
                      align-items: center;
                  
                      .schoolImg {
                        width: 94px;
                        height: 64px;
                        border-radius: 4px;
                      }
                  
                      .content {
                        display: flex;
                        flex-direction: column;
                        padding-left: 16px;
                  
                        .contenttitle {
                          font-size: 16px;
                          margin-bottom: 8px;
                        }
                        .tips{
                          -webkit-line-clamp: 1;
                          -webkit-box-orient: vertical;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          display: -webkit-box; 
                          max-height: 25px;
                          margin-top: 5px;
                        }
                        .curp{
                          -webkit-line-clamp: 1;
                          -webkit-box-orient: vertical;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          display: -webkit-box;
                          max-height: 25px;
                        }
                        .starBox {
                          img {
                            width: 10px;
                            height: 9px;
                            margin-right: 6px;
                          }
                        }
                      }
                    }
                  }
            }
        }
    } 
}